<template>
  <view class="flex-col page">
 
    <view class="flex-col mt-25">
      <view class="flex-col list" >
        <view class="flex-row justify-between items-center boxs" v-for="(item, index) in items" :key="index">
          <text class="font">{{ item.name }}</text>
          <image class="image_2" src="../../static/wx/564a3b944af32f4baa87d761b5df9b72.png" />
       
      </view>
      <view class="flex-row justify-between items-center foot_boxs">
        <text class="font">当前版本</text>
        <text class="text_4">24.12.15</text>
      </view>
    </view>
    <view class="divider mt-25"></view>
  </view></view>
  
</template>

<script>
  export default {
    components: {},
    props: {},
    data() {
      return {
        items: [{
          name:'关于我们',
          url:''
        },{
          name:'意见反馈',
          url:''
        },{
          name:'清除缓存',
          url:''
        },{
          name:'打开调试模式',
          url:''
        },{
          name:'权限与设置',
          url:''
        }],
      };
    },

    methods: {},
  };
</script>

<style scoped lang="css">
  .mt-25 {
    margin-top: 50rpx;
  }
  .page {
    padding: 0 56rpx 648rpx;
    background-color: #ffffff;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
  }
  .group {
    padding-bottom: 8rpx;
  }
  .image {
    width: 48rpx;
    height: 44rpx;
  }
  .pos {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .text {
    color: #2d3142;
    font-size: 40rpx;
    font-family: Laila;
    font-weight: 700;
    line-height: 37.12rpx;
  }
  .list {
    padding: 4rpx 0 8rpx;
 
  }
  .boxs {
    padding: 44rpx 0;   border-bottom: 2rpx solid #e6e9f1;
  }
  .font {
    font-size: 36rpx;
    font-family: Mukta;
    line-height: 33.98rpx;
    font-weight: 700;
    color: #2d3142;
  }
  .image_2 {
    width: 16rpx;
    height: 28rpx;
  }
  .foot_boxs {
    padding-top: 44rpx;
  }
  .text_4 {
    margin-right: 12rpx;
    color: #9c9db9;
    font-size: 32rpx;
    font-family: Mukta;
    line-height: 20.74rpx;
  }
  .divider {
    background-color: #e6e9f1;
    height: 2rpx;
  }
</style>